<!doctype html>
<html lang="ch">


<!--页面标签全部采用驼峰命名法    函数处理变量格式与后台格式一致-->

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta name="format-detection" content="telephone=no">
        <title>天津大学图书馆</title>
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/jquery.dataTables.min.js"></script>
        <script src="js/myInformationConfig.js"></script>
        <script src="js/serverManageBooks.js"></script>
        <script src="js/serverManageUsers.js"></script>
        <script src="js/operationRecord.js"></script>
        <script>
            $(function() {
                $(".meun-item-active").click();
                $(".meun-item").click(function() {  //导航栏左侧图片切换函数
                    $(".meun-item").removeClass("meun-item-active");
                    $(this).addClass("meun-item-active");
                    var itmeObj = $(".meun-item").find("img");
                    itmeObj.each(function() {
                        var items = $(this).attr("src");
                        items = items.replace("_grey.png", ".png");
                        items = items.replace(".png", "_grey.png");
                        $(this).attr("src", items);
                    });
                    var attrObj = $(this).find("img").attr("src");
                    attrObj = attrObj.replace("_grey.png", ".png");
                    $(this).find("img").attr("src", attrObj);
                });
                $("#topAD").click(function() {
                    $("#topA").toggleClass(" glyphicon-triangle-right");
                    $("#topA").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topBD").click(function() {
                    $("#topB").toggleClass(" glyphicon-triangle-right");
                    $("#topB").toggleClass(" glyphicon-triangle-bottom");
                });
                $("#topCD").click(function() {
                    $("#topC").toggleClass(" glyphicon-triangle-right");
                    $("#topC").toggleClass(" glyphicon-triangle-bottom");
                });
            })
        </script>

        <!--<link rel="stylesheet" type="text/css" href="css/jquery.nouislider.css">-->
        <!--<link rel="stylesheet" type="text/css" href="css/slide.css" />-->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="css/common.css" />
        <link rel="stylesheet" type="text/css" href="css/flat-ui.min.css" />
        <link rel="stylesheet" type="text/css" href="dataTableCss/dataTables.bootstrap.css"/>
        <link rel="stylesheet" type="text/css" href="dataTableCss/dataTables.responsive.css"/>
        <link rel="stylesheet" type="text/css" href="dataTableCss/jquery.dataTables.min.css"/>

        <link rel="stylesheet" href="css/moco.min.css" type="text/css" />
        <link rel="stylesheet" href="css/base.css" type="text/css" />
        <link rel="stylesheet" href="css/profile-less.css" type="text/css" />
    </head>

    <body onLoad="leftConfig();">
        <div id="wrap">
            <!-- 左侧菜单栏目块 -->

            <div class="leftMeun" id="leftMeun">
                <div class="tips">
                    <div id="success" class="tips_success"><p class="tips_word">操作成功</p></div>
                    <div id="fail" class="tips_fail"><p class="tips_word">操作失败，请重新尝试或重新登录</p></div>

                </div>


                <div id="logoDiv">
                    <p id="logoP"><img id="logo" alt="左右结构项目" src="images/logo.png"><span>天津大学图书馆</span></p>

                </div>
                <div id="personInfor">
                    <p id="leftUserName" style="font-size: large"></p>
                        <button onclick="logOut()" style="font-size: large">退出登录</button>

                </div>

                <div class="meun-title">用户管理</div>
                <div class="meun-item meun-item-active" href="#sour" aria-controls="sour" role="tab" data-toggle="tab" onclick="getUserInformation()"><img src="images/icon_chara_grey.png">用户管理</div>
                <div class="meun-item" href="#user" aria-controls="user" role="tab" data-toggle="tab" onclick="userInformation()"><img src="images/icon_card_grey.png">个人信息</div>
                <div class="meun-item" href="#chan" aria-controls="chan" role="tab" data-toggle="tab"><img src="images/icon_change_grey.png">修改密码</div>
                <div class="meun-title">书籍管理</div>
                <div class="meun-item" href="#maga" aria-controls="maga" role="tab" data-toggle="tab" onclick="showBooks()"><img src="images/icon_source.png">图书增删</div>
                <div class="meun-item" href="#list" aria-controls="list" role="tab" data-toggle="tab" onclick="catalogList()"><img src="images/icon_user.png">目录列表</div>
                <div class="meun-item" href="#add_record" aria-controls="add_record" role="tab" data-toggle="tab" onclick="addBooksRecord()"><img src="images/icon_rule.png">进书记录</div>
                <div class="meun-item" href="#delete_record" aria-controls="delete_record" role="tab" data-toggle="tab" onclick="deleteBooksRecord()"><img src="images/icon_rule.png">删除记录</div>
                <div class="meun-item returnBooks" href="#scho" aria-controls="scho" role="tab" data-toggle="tab" style="display: none"><img src="images/icon_house_grey.png">还书操作</div>
            </div>
            <!-- 右侧具体内容栏目 -->
            <div id="rightContent">
                <a class="toggle-btn" id="nimei">
                    <i class="glyphicon glyphicon-align-justify"></i>
                </a>
                <div class="tab-content">
                    <!-- 用户管理模块 -->
                    <div role="tabpanel" class="tab-pane" id="sour">
                        <div class="check-div" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>

                        <div class="panel-body">
                            <div id="dataTables-example_wrapper" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="underprivileged" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                            <thead>
                                            <tr>
                                                <th>uid</th>
                                                <th>身份证号</th>
                                                <th>真实姓名</th>
                                                <th>借书次数</th>
                                                <th>超时次数</th>
                                                <th>欠款次数</th>
                                                <th>状态</th>
                                                <th>操作</th>
                                            </tr>
                                            </thead>
                                            <tbody>

                                            </tbody>
                                        </table></div></div>
                            </div>
                        </div>



                        <!--弹出修改窗口-->
                        <div class="modal fade" id="changeChar" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                        <h4 class="modal-title" id="gridSystemModalLabel">修改用户状态</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            <form class="form-horizontal" id="changeStateForm">
                                                <div class="form-group">
                                                    <label for="sOrd" class="col-xs-3 control-label">更改状态：</label>
                                                    <div class="col-xs-6">
                                                        <select  name="state" id="sOrd" class="form-control input-sm duiqi changeUserState">
                                                            <option value="0">正常</option>
                                                            <option value="2">封禁</option>
                                                        </select>
                                                    </div>
                                                </div>

                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button id="cancleChangeState" type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                        <button type="button" class="btn btn-xs btn-green" onclick="changeState2()">保 存</button>
                                    </div>
                                </div>
                                <!-- /.modal-content -->
                            </div>
                            <!-- /.modal-dialog -->
                        </div>





                <!--弹出删除权限警告窗口-->
                <div class="modal fade" id="deleteChar" role="dialog" aria-labelledby="gridSystemModalLabel">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="gridSystemModalLabel" >提示</h4>
                            </div>
                            <div class="modal-body">
                                <div class="container-fluid">
                                    确定要删除此用户？删除后不可恢复！
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-xs btn-white" data-dismiss="modal">取 消</button>
                                <button type="button" class="btn btn-xs btn-danger" onclick="deleteID()">确 定</button>
                            </div>
                        </div>
                        <!-- /.modal-content -->
                    </div>
                    <!-- /.modal-dialog -->
                </div>
                <!-- /.modal -->

            </div>
                     <!--个人中心模块-->
                    <div role="tabpanel" class="tab-pane" id="user">
                        <div class="check-divUser form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>

                        <div id="main">

                            <div class="page-settings" style="margin-top: 65px">
                                <!--<div class="top">-->
                                <!--</div>-->

                                <div class="setting pb10" style="height: 700px; width: 800px">
                                    <div class="nav-tabs pa">
                                        <div class="cb"></div>
                                    </div>
                                    <div class="contentBox" >
                                        <div class="formBox" style="margin-right: 230px">
                                            <div id="setting-profile" class="setting-wrap setting-profile" >

                                                <div class="wlfg-wrap clearfix ">
                                                    <label class="label-name">头像：</label>
                                                    <div class="rlf-group">
                                                        <img class="fl avator-img" id="js-portrait" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1546837724230&di=74a4085a200f399123e6cb5b5fe8a271&imgtype=0&src=http%3A%2F%2Fb-ssl.duitang.com%2Fuploads%2Fitem%2F201505%2F08%2F20150508083934_NYmwM.jpeg"  width="215" height="180">
                                                        <div class="cb"></div>
                                                        <p class="rlf-tip-wrap errorHint color-red" ></p>
                                                    </div>
                                                </div>
                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name" >昵称：</label>
                                                    <div class="rlf-group">
                                                        <input disabled="disabled" type="text" id="selfUserName"  autocomplete="off"  data-validate="require-nick"  class="moco-form-control" />
                                                        <p class="rlf-tip-wrap errorHint color-red" ></p>
                                                    </div>
                                                </div>

                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name">职位：</label>
                                                    <div class="rlf-group">
                                                        <select class="moco-form-control rlf-select" disabled="disabled"  id="job" data-validate="require-select">
                                                            <option>管理员</option>
                                                        </select>
                                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                                    </div>
                                                </div>

                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name" for="province-select">城市：</label>
                                                    <div class="rlf-group profile-address">
                                                        <select id="province-select" disabled="disabled" class='moco-form-control' hidefocus="true">
                                                            <option value="0">天津市</option>
                                                        </select>
                                                        <select class='moco-form-control'disabled="disabled" id="city-select" hidefocus="true">
                                                            <option value="0">津南区</option>
                                                        </select>
                                                        <select class='moco-form-control mr0'disabled="disabled"  id="area-select" hidefocus="true">
                                                            <option value="0">海河教育园区</option>
                                                        </select>
                                                        <div class="cb"></div>
                                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                                    </div>
                                                </div>

                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name h16 lh16" >性别：</label>
                                                    <div class="rlf-group rlf-radio-group">
                                                        <!--<label  class="lh16"><input type="radio"  value="0"  disabled="disabled" name="sex">保密</label>-->
                                                        <!--<label  class="lh16"><input type="radio"  value="1"  name="sex">男</label>-->
                                                        <label  class="lh16"><input type="radio" disabled="disabled" value="2" checked="checked" name="sex">女</label>
                                                        <p class="rlf-tip-wrap errorHint color-red"></p>
                                                    </div>
                                                </div>
                                                <div class="wlfg-wrap clearfix">
                                                    <label class="label-name" for="aboutme">个性签名：</label>
                                                    <div class="rlf-group">
                                                        <div class="pr">
                                        <textarea name="aboutme"  id="aboutme" disabled="disabled" rows="5" class="noresize js-sign moco-form-control">                           今天也要加油鸭！
                                        </textarea>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>

                        </div>
                        <!--<div class="data-div">-->
                        <!--<div style="padding: 50px 0;margin-top: 50px;background-color: #fff; text-align: center; width: 500px; height: 400px; margin: 50px auto;">-->
                        <!--<div class="form-horizontal">-->
                        <!--<div class="form-group">-->
                        <!--<label  class="col-xs-5 control-label" style="font-size: x-large">身份证号 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfID" class="input-sm duiqi1" style="margin-top: 10px;font-size: large;">ddd</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                        <!--<label class="col-xs-5 control-label" style="font-size: x-large">真实姓名 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfRealName" class=" input-sm duiqi1"  style="margin-top: 10px;font-size: large;">dadsasd</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                        <!--<label class="col-xs-5 control-label" style="font-size: x-large">手机号 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfPhoneNumber"  class=" input-sm duiqi1" style="margin-top: 10px;font-size: large;">dasdasd</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="form-group">-->
                        <!--<label class="col-xs-5 control-label" style="font-size: x-large">用户名 ：</label>-->
                        <!--<div class="col-xs-5">-->
                        <!--<p id="selfUserName"  class=" input-sm duiqi1" style="margin-top: 10px;font-size: large;">dasdasda</p>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->

                    </div>
                    <!-- 修改密码模块 -->
                    <div role="tabpanel" class="tab-pane" id="chan">
                <div class="check-divUser" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>
                <div style="padding: 50px 0;margin-top: 50px;background-color: #fff; text-align: right;width: 420px;margin: 50px auto;">
                    <form id="formSecret" class="form-horizontal">
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">原密码：</label>
                            <div class="col-xs-5">
                                <input type="password" id="editOld" name="old_password" class="form-control input-sm duiqi2"  placeholder="" style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">新密码：</label>
                            <div class="col-xs-5">
                                <input type="password" id="editNew" name="new_password" class="form-control input-sm duiqi2"  placeholder="" style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="sKnot" class="col-xs-4 control-label">重复密码：</label>
                            <div class="col-xs-5">
                                <input type="password" id="editConfirmNew" class="form-control input-sm duiqi2"  placeholder="" style="margin-top: 7px;">
                            </div>
                        </div>
                        <div class="form-group text-right">
                            <div class="col-xs-offset-4 col-xs-5" style="margin-left: 169px;">
                                <!--<button type="reset" class="btn btn-xs btn-white">取 消</button>-->
                                <a class="btn btn-xs btn-success" onclick="editSecret()">保存</a>
                            </div>
                        </div>
                    </form>
                </div>

            </div>
                    <!--图书增删管理模块-->
                    <div role="tabpanel" class="tab-pane" id="maga">
                        <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);">
                            <button class="btn btn-blue btn-xs" data-toggle="modal" data-target="#addBook">添加图书</button>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        图书增删
                                    </div>
                                    <!-- /.panel-heading -->
                                    <div class="panel-body">
                                        <div id="dataTables-example_wrapper" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="ma" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>图书编号</th>
                                                            <th>图书类别</th>
                                                            <th>书名</th>
                                                            <th>作者</th>
                                                            <th>出版社</th>
                                                            <th>总量</th>
                                                            <th>余量</th>
                                                            <th>操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table></div></div>
                                        </div>
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                <!-- /.panel-body -->
                            </div>
                            <!-- /.panel -->
                        </div>



                        <script>


                        </script>

                        <!--弹出添加图书窗口-->
                        <div class="modal fade" id="addBook" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button>
                                        <h4 class="modal-title" id="gridSystemModalLabel">添加图书</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            <form class="form-horizontal" id="buyForm">
                                                <div class="form-group">
                                                    <label for="category" class="col-xs-3 control-label">图书类别</label>
                                                    <div class="col-xs-6">
                                                        <input name="cname" class="form-control input-sm duiqi" id="category" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="bname" class="col-xs-3 control-label">书名</label>
                                                    <div class="col-xs-6">
                                                        <input name="name" class="form-control input-sm duiqi" id="bname" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="author" class="col-xs-3 control-label">作者</label>
                                                    <div class="col-xs-6">
                                                        <input name="author" class="form-control input-sm duiqi" id="author" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="press" class="col-xs-3 control-label">出版社</label>
                                                    <div class="col-xs-6">
                                                        <input name="publisher" class="form-control input-sm duiqi" id="press" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="total-number" class="col-xs-3 control-label">总数</label>
                                                    <div class="col-xs-6">
                                                        <input name="total_num" class="form-control input-sm duiqi" id="total-number" placeholder="">
                                                    </div>
                                                </div>
                                                <div class="form-group">
                                                    <label for="price" class="col-xs-3 control-label">价格</label>
                                                    <div class="col-xs-6">
                                                        <input name="price" class="form-control input-sm duiqi" id="price" placeholder="">
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" id="cancel_buy" class="btn btn-xs btn-white" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-xs btn-green" onclick="addTypeOfBook()">提交</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--/.modal-->
                        <!--修改图书窗口-->
                        <div class="modal fade" id="reviseBook" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button>
                                        <h4 class="modal-title" id="gridSystemModalLabel">增加图书数量</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            <input id="addNumOfBook" placeholder="请输入增加数量"/>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" id="cancel_add" class="btn btn-xs btn-white" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-xs btn-green" onclick="addNumOfBook2()">保存</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!--删除图书警告窗口-->
                        <!--modal-->
                        <div class="modal fade" id="deleteBook" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="false">&times;</span> </button>
                                        <h4 class="modal-title" id="gridSystemModalLabel">提示</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            确定删除该书？删除后不可恢复！
                                            <input id="book_delete" placeholder="请输入删除本数"/>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" id="cancel_delete" class="btn btn-xs btn-white" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-xs btn-danger" onclick="subtractNumOfBook2()">删除</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--目录列表-->
                    <div role="tabpanel" class="tab-pane" id="list">
                        <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);">
                            <button class="btn btn-yellow btn-xs" data-toggle="modal" data-target="#addList">添加目录</button>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        目录列表
                                    </div>
                                    <!-- /.panel-heading -->
                                    <div class="panel-body">
                                        <div id="dataTables-example_wrapper2" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="list_ma" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>类别名称</th>
                                                            <th>类别编号</th>
                                                            <th>操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table></div></div>
                                        </div>
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                <!-- /.panel-body -->
                            </div>
                            <!-- /.panel -->
                        </div>

                        <div class="modal fade" id="addList" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button>
                                        <h4 class="modal-title" id="gridSystemModalLabel">添加列表</h4>
                                    </div>
                                    <div class="modal-body">
                                        <div class="container-fluid">
                                            <form class="form-horizontal" id="listForm">
                                                <div class="form-group">
                                                    <label for="price" class="col-xs-3 control-label">目录名字</label>
                                                    <div class="col-xs-6">
                                                        <input name="name" class="form-control input-sm duiqi" id="list_name" placeholder="">
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" id="cancel_list" class="btn btn-xs btn-white" data-dismiss="modal">取消</button>
                                        <button type="button" class="btn btn-xs btn-green" onclick="addList()">提交</button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="modal fade" id="category_list" role="dialog" aria-labelledby="gridSystemModalLabel">
                            <div class="modal-dialog" role="document" style="width: 1000px;margin-top: 100px;margin-left: 400px">
                                <div class="modal-content" >
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span> </button>
                                        <h4 class="modal-title" id="gridSystemModalLabel">添加列表</h4>
                                    </div>
                                    <div class="panel-body">
                                        <div id="category_d2t" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="category_dt" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>书本id</th>
                                                            <th>书名</th>
                                                            <th>作者</th>
                                                            <th>出版社</th>
                                                            <th>操作</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table></div></div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!--进书记录-->
                    <div role="tabpanel" class="tab-pane" id="add_record">
                        <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        进书记录
                                    </div>
                                    <!-- /.panel-heading -->
                                    <div class="panel-body">
                                        <div id="dataTables-example_wrapper3" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="add_record_ma" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>图书id</th>
                                                            <th>图书名</th>
                                                            <th>管理员id</th>
                                                            <th>管理员名字</th>
                                                            <th>数量</th>
                                                            <th>创建时间</th>
                                                            <th>更新时间</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table></div></div>
                                        </div>
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                <!-- /.panel-body -->
                            </div>
                            <!-- /.panel -->
                        </div>

                    </div>
                    <!--删除记录-->
                    <div role="tabpanel" class="tab-pane" id="delete_record">
                        <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        删除记录
                                    </div>
                                    <!-- /.panel-heading -->
                                    <div class="panel-body">
                                        <div id="dataTables-example_wrapper3" class="dataTables_wrapper form-inline dt-bootstrapno-footer ">
                                            <div class="row">
                                                <div class="col-sm-12">
                                                    <table width="100%" class="table table-striped table-bordered table-hover dataTable no-footer dtr-inline" id="delete_record_ma" role="grid" aria-describedby="dataTables-example_info" style="width: 100%;">
                                                        <thead>
                                                        <tr>
                                                            <th>图书id</th>
                                                            <th>图书名</th>
                                                            <th>管理员id</th>
                                                            <th>管理员名字</th>
                                                            <th>数量</th>
                                                            <th>创建时间</th>
                                                            <th>更新时间</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>

                                                        </tbody>
                                                    </table></div></div>
                                        </div>
                                    </div>
                                    <!-- /.table-responsive -->
                                </div>
                                <!-- /.panel-body -->
                            </div>
                            <!-- /.panel -->
                        </div>

                    </div>
                    <!--还书操作-->
                    <div role="tabpanel" class="tab-pane" id="scho">
                        <div class="check-div form-inline" style="background: url(../login/form-1/assets/img/backgrounds/3.jpg);"></div>
                        <div class="data-div">
                            <div class="row tableHeader">
                                <div class="col-xs-1 " style="font-size: large">
                                    序列
                                </div>
                                <div class="col-xs-2" style="font-size: large">
                                    书籍名
                                </div>
                                <div class="col-xs-2" style="font-size: large">
                                    借书时间
                                </div>
                                <div class="col-xs-2" style="font-size: large">
                                    需归还时间
                                </div>
                                <div class="col-xs-1" style="font-size: large">
                                    状态
                                </div>
                                <div class="col-xs-2" style="font-size: large">
                                    需缴纳金额
                                </div>
                                <div class="col-xs-2" style="font-size: large">
                                    操作
                                </div>
                            </div>

                            <div class="tablebody" id="returnBooks">

                            </div>
                        </div>

                        <footer class="footer">
                            <ul class="pagination user">
                                <table width="54%" align="right">
                                    <tr><td><div id="barcon2" name="barcon"></div></td></tr>
                                </table>
                            </ul>
                        </footer>

                    </div>


                </div>
    </div>
</div>

</body>

</html>